<template lang="pug">
.container
	.weui-flex(v-swiper:mySwiper="swiperOption")
		.weui-flex__item.swiper-wrapper
			.placeholder.swiper-slide(v-for='item in imgs')
				img(:src="'/img/' + item.img" )

		.swiper-pagination.swiper-pagination-bullets
</template>
<script>
export default {
  props: {
    title: String,
    content: Number
  },
  data() {
    return {
      imgs: [
        { img: 'banner-1a.png' },
        { img: 'banner-2a.png' },
        { img: 'banner-3a.png' },
        { img: 'banner-4a.png' }
      ],
      swiperOption: {
        slidesPerView: 'auto',
        centeredSlides: true,
        direction: 'horizontal',
        spaceBetween: 30,
        loop: true,
        pagination: {
          el: '.swiper-pagination',
          dynamicBullets: true,
          clickable: true
        }
      }
    }
  }
}
</script>
<style scoped lang="sass">


</style>

